<!DOCTYPE html>
<link rel="author" title="Ana Sollano Kim" href="mailto:ansollan@microsoft.com">
<p>There should be a light blue fieldset that starts in the first column and
  ends in the third. Its blue violet legend should only be in the first column,
  consuming the top border. The bottom border should only be in the third column.
</p>
<div style="float:left; border:60px solid pink; border-bottom:none; width:100px; height:0;">
  <div style="margin-top:-60px; background:lightblue; height:60px"></div>
  <div style="margin-top:-55px; background:blueviolet; height:50px"></div>
</div>
<div style="float:left; margin-left:10px; border:60px solid pink; border-top:none; border-bottom:none; width:100px; height:10px; background:lightblue;"></div>
<div style="float:left; margin-left:10px; border:60px solid pink; border-top:none; width:100px; height:0; background:lightblue;"></div>